<template>
  <div>
    <div class="match-performance-items">
      <div class="performanceClass">球队得分</div>
    </div>
    <div class="box-card">
      <el-container>
        <el-header height="57px" class="pass-header">

        </el-header>
        <el-main class="pass-main">
          <Algorithm :season="season"/>
        </el-main>
      </el-container>
    </div>
  </div>
</template>

<script>
  import mixin from "../../mixin/mixin";
  import Algorithm from "../csl/board/Algorithm";
  export default {
    name: "PlayerRating",
    props:{
      season:{
        type:String,
        default(){
          return '2019赛季'
        }
      }
    },
    mixins:[mixin],
    components:{
      Algorithm
    },
    data(){
      return {
        //赛季下拉选择框的配置项
        options:[
          {
            type: 'attack',
            label:  '进攻'
          },
          {
            type: 'defense',
            label:  '防守'
          },
          {
            type: 'organize',
            label:  '组织'
          },
          {
            type: 'setPiece',
            label:  '定位球'
          },
          {
            type: 'skill',
            label:  '技巧'
          },
          {
            type: 'goalKeeper',
            label:  '守门'
          },
        ],
        type:'attack'
      }
    }
  }
</script>

<style scoped lang="scss">
  .match-performance-items {
    display: flex;
    justify-content: flex-start;
    width:  1440px;
    height: 56px;
    margin: 40px  auto  0;
    /*background-color: red;*/
  }
  .performanceClass {
    color: #16C79A;
    line-height: 56px;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 5px;
    text-align: center;
    width: 152px;
    height: 100%;
    background-color: #194568;
    border-radius: 10px 10px 0 0;
    margin-right: 3px;
  }
  .box-card {
    margin: auto;
    width:  1440px;
    height: 553px;
  }
  .pass-header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: #194568;
    padding: 0;
    div {
      margin-right: 10px;
    }
  }
  .pass-main {
    height: 830px;
    padding: 0;
    background-color: #F1F6F9;
  }
</style>